@charset "utf-8";
$bg_color:#b20000;
$text_color:#323232;
$sub_color:#c5c5c5;

@function r($px){
	@return $px/50+rem;
}



.web{
	font-size: 16px;
	header{
		padding: r(25) 0;
		background-color: $bg_color;
		.list{
			color: white;
			padding-left: r(23);
			i{
				font-size:r(24)
			}
		}
		
		.search{
			color: white;
			padding-right: r(17);
			i{
				font-size:r(24)
			}
		}
		
		.img_box{
			width: r(209);
			height: r(39);
			overflow: hidden;
			margin: 0 auto;
			img{
				width: 100%;
			}
		}
	
		
	}

	


	

	footer{
		padding: r(19) 0 r(12);
		border-top: 1px solid #bbb9ba;
		background-color: #f5f5f5;
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		ul{
			li{
				width: 20%;
				text-align: center;
				position: relative;
				a{
					color: #8b8b8b;
					font-size: r(18);
					i{
						font-size: r(38);
					}
				}
				&.active a{
					color: $bg_color;
					
				}
				&:not(:last-child)::after{
					content: "";
					display: block;
					width: 1px;
					height: r(50);
					background-color:#ebebeb;
					position: absolute;
					right: 0;
					top: 50%;
					transform: translateY(-50%);
					
				}
			}
		}
	}
}